@import './modules/header.scss';
@import './modules/footer.scss';
@import './modules/base.scss';

section{
    .decontent{
           width:1100px;
           margin: 0px auto;
           .catebox{
               text-align: center;
               position: relative;
               color: #383838;
               margin-top: 30px;
               font-size: 20px;
               margin-bottom: 60px;
              .cate{
                  text-align: center;
              }
              .backbox{
               position: absolute;
               left: 0px;
              }
             }
           .goodsinfo{
               width: 840px;
               display: flex;
               justify-content: space-between;
               margin: 0px auto;
               margin-bottom: 70px;
            .leftinfo{
             .middleimg{
                width: 480px;
                height: 480px;
                background: #ccc;
                margin-bottom: 20px;
                img{
                    height: 480px;
                    width: 480px;
                }
            }
            .smallimgbox{
                height: 65px;
                display: flex;
                li{height: 65px;
               width: 65px;
                margin-right:20px; 
              
           img{
               height: 60px;
               width: 60px;
           }}
            }
           }
           .rightinfo{
              
                .goodsname{
                    text-align: center;
                    margin-bottom: 8px;
                    font-weight: bold;
                }
                .type{
                    margin-bottom: 8px;
                     .sale{
                       color: black;
                       font-weight: bold;
                       font-size: 16px;
                       margin-bottom: 10px;
                       margin-right: 10px;  
                     }
                     .special{
                       color: #727272;
                       font-weight: bold;
                       font-size: 16px;
                       margin-bottom: 20px;
                     }
                 }
                .race{
                    color: #c30b32;
                    font-size: 16px;
                    text-align: center;
                    margin-bottom: 12px;
                }
                .del{color: #c30b32;
                   font-size: 16px;
                   text-align: center;
                   text-decoration:line-through;
                   margin-bottom: 15px;
               }
               .price{
                   color: black;
                   font-size: 26px;
                   font-weight: bold;
                   margin-bottom: 30px;
               }
               .numbtn{
                   border:1px solid #b8b7b6;
                   width: 110px;
                   height: 55px;
                   text-align: center;
                   font-size: 16px;
                   display: flex;
                   justify-content: space-around;
                   margin-bottom: 15px;
                   p{
                       line-height: 55px;
                   }
               }
               .shopbag{
                   width: 220px;
                   height: 55px;
                   background: black;
                   font-size: 16px;
                   color: white;
                   line-height: 55px;
                   text-align: center;
                   margin-bottom: 20px;
               }
               .iconfont{
                   color: #231161;
                   border-top: 1px solid #b8b7b6;
                   border-bottom: 1px solid #b8b7b6;
                   font-weight: bold;
                   width: 38px;
                   height: 38px;
                   text-align: center;
                   margin: 0px auto;
                   line-height: 38px;
               }
   
           }
         }
         .goodsdetail{
             text-align: center;
             font-size: 20px;
             width: 840px;
             color:#fff;
             margin: 0px auto;
             background: black;
             height:500px;
             margin-bottom: 60px;
         }
       }
   }